<template>
	<div class="layout-parent w100 p10">
		<vp-tabs type="border-card" v-model="activeName">
			<vp-tab-pane name="org">
				<template #label><vp-label zh="员工—公司自愿报告统计" en="Employee-Company Voluntary Report Statistics"/></template>
				<DeptIndex :jb="20" :type="'list'" :lx="10" :sygn="12"/>
			</vp-tab-pane>
			<vp-tab-pane name="dprt">
				<template #label><vp-label zh="员工—部门自愿报告统计" en="Employee-Department Voluntary Report Statistics"/></template>
				<DeptIndex :jb="10" :type="'list'" :lx="10" :sygn="11"/>
			</vp-tab-pane>
		</vp-tabs>
	</div>
</template>
<script lang="ts">
	export default {
		name: 'qualitySafetyVoluntaryList',
	}
</script>
<script setup lang="ts">
	import DeptIndex from '/@/views/quality/safety/deptVoluntary/deptIndex.vue';
	import {ref} from 'vue';
	const activeName = ref("org")
</script>
<style scoped lang="scss">
</style>
